<template>
	<Tabs>
		<TabPane label="员工账号编辑">
			<Form ref="form" :model="formData" :rules="rules" label-position="top">
				<FormDescItem label="员工账号" desc="设置员工登录系统的账号，即用户名">
					<Input />
				</FormDescItem>
				<FormDescItem label="真实姓名" desc="设置员工真实姓名，便于员工管理与查找">
					<Input />
				</FormDescItem>
				<FormDescItem label="手机号" desc="设置员工手机号码，便于员工管理与查找">
					<Input number />
				</FormDescItem>
				<FormDescItem label="员工角色" desc="设置员工所属角色，对应不同的权限">
					<Select>
				        <Option value="as">管理员</Option>
				    </Select>
				</FormDescItem>
				<FormDescItem label="登录密码" desc="设置员工登录系统的密码，6 - 12 位">
					<Input :maxlength="12" />
				</FormDescItem>
				<FormDescItem label="首次登陆密码修改" desc="设置员工首次登陆系统时，是否要求必须修改登录密码">
					<RadioGroup>
				        <Radio label="需要"></Radio>
				        <Radio label="不需要"></Radio>
				    </RadioGroup>
				</FormDescItem>
				<FormItem>
					<Button type="primary" :loading="committing" @click="handleSubmit">保存设置</Button>
					<Button @click="handleBack">返回列表</Button>
				</FormItem>
			</Form>
		</TabPane>
	</Tabs>
</template>

<script>
import Util from '@/libs/util.js';
import FormDescItem from '@/components/form/FormDescItem.vue';
export default {
	name: '',
	components: {
		FormDescItem
	},
	data() {
		return {
			committing: false,
			formData: {
				name: ''
			},
			rules: {
				
			}
		}
	},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			
		},
       	handleSubmit() {
       		this.$refs.form.validate((valid) => {
       			if(valid) {
       				
       			}
       		})
       	},
       	handleBack() {
			this.$router.back();
		}
	}
}
</script>